import React, { Component } from 'react'
import {connect} from 'react-redux'
import "./bottom.scss"
import { Icon,Modal } from 'antd-mobile';
 class bottom extends Component {
    render() {
        return (
            <div className="bottom">
                <div className="bottom-left">
                    <div className="left" onClick={this.props.quanxua}>
                    {this.props.mapStort? <Icon type='check-circle' color='red' /> : <i className="checkbox"></i>}
                        <span className="text">已选（0）</span>
                    </div>
                    <div className="right">
                        <p>
                            <span>合计:￥</span>
                            <span>11000</span>
                        </p>
                    </div>
                </div>
                <div className="bottom-right">
                    下单
                </div>
            </div>
        )
    }
}

let mapState=(state)=>{
    return{
        mapStort:state.cartReducer.mapStort
    }
}
let mapdis = (deft)=>{
    return{
        quanxua:()=>{
            let action = {
                type: 'quanx',
              
            }
            deft(action)
        }
    }
}
export default connect(mapState,null)(bottom)
